<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<div id="tableContainer" style="width: 600px;height:400px;"></div>
</body>
<script src="https://unpkg.com/@visactor/vtable/dist/vtable.min.js"></script>
<script>
  records = [

    {

      "230517143221027": "CA-2018-156720",

      "230517143221030": "JM-15580",

      "230517143221032": "Bagged Rubber Bands",

      "230517143221023": "Office Supplies",

      "230517143221034": "Fasteners",

      "230517143221037": "West",

      "230517143221024": "Loveland",

      "230517143221029": "2018-12-30",

      "230517143221042": "3",

      "230517143221040": "3.024",

      "230517143221041": "-0.605"
    },

    {

      "230517143221027": "CA-2018-115427",

      "230517143221030": "EB-13975",

      "230517143221032": "GBC Binding covers",

      "230517143221023": "Office Supplies",

      "230517143221034": "Binders",

      "230517143221037": "West",

      "230517143221024": "Fairfield",

      "230517143221029": "2018-12-30",

      "230517143221042": "2",

      "230517143221040": "20.72",

      "230517143221041": "6.475"
    }]
  ;

  const columns = [

    {

      "field": "230517143221027",

      "title": "Order ID",

      "width": "auto"

    },

    {

      "field": "230517143221030",

      "title": "Customer ID",

      "width": "auto"

    }];

  const option = { records, columns, widthMode: "standard" };

  // 创建 VTable 实例

  const tableInstance = new VTable.ListTable(document.getElementById("tableContainer"), option);
</script>
</html>
